<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="commons/template_head::head('depositProducts')">

</head>
<body>

<!-- begin::preloader-->
<div th:replace="commons/layout::preloader">

</div>
<!-- end::preloader -->

<!-- begin::navigation -->
<div th:replace="commons/layout::navigation">

</div>
<!-- end::navigation -->

<!-- begin::main -->
<div id="main">

    <!-- begin::header -->
    <div th:replace="commons/layout::main_header">

    </div>
    <!-- end::header -->

    <!-- begin::main-content -->
    <div class="main-content bg-info-bright" style="background-color: #e0ffff!important;">

        <!-- begin::container -->
        <div class="container">

            <div class="row">
                <div class="col-xl-12">
                    <div id="carousel" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carousel" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel" data-slide-to="1"></li>
                            <li data-target="#carousel" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="/assets/media/image/dpm-1.jpg" class="d-block w-100" alt="111111">
                            </div>
                            <div class="carousel-item">
                                <img src="/assets/media/image/dpm-2.jpg" class="d-block w-100" alt="222222">
                            </div>
                            <div class="carousel-item">
                                <img src="/assets/media/image/dpm-3.jpg" class="d-block w-100" alt="333333">
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        </a>

                        <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        </a>
                    </div>
                </div>
            </div>
            <!--                轮播图 end-->

                <!--          产品main-->
            <div class="text-center"><h2 class="pb-2 border-bottom bg-white mt-2 text-center">存款产品</h2>
                <!--bootstrap实现弹出模态框-->
                <button class="btn btn-default bg-info mb-2" data-target="#myModal" data-toggle="modal">
                    添加产品
                </button>
                <!--fade  添加弹入弹出-->
                <div class="modal fade"  id="myModal" aria-labelledby="myModallabel1" aria-hidden="true" tabindex="-1">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h3 class="modal-title" id="myModallabel1">认证信息</h3>
                                <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
                            </div>
                            <form id="formData1" class="form-horizontal">
                                <div class="modal-body">
                                    <div class="form-group">
                                        <p>为了更好地提供服务，请输入密码证明您的身份！！</p>
                                        <div class="input-group">
                                            <span class="input-group-addon" id="sizing-addon1">银行卡密码：</span>
                                            <input type="text" class="form-control" placeholder="密码" aria-describedby="sizing-addon2">
                                        </div>
                                    </div>
                                </div>
                            </form>

                            <div class="modal-footer">
                                <button class="btn btn-default" type="button" data-dismiss="modal">取消</button>
                                <button class="btn btn-success" type="button" onclick=""><a href="/zreosave">提交</a></button>
                            </div>
                        </div>
                    </div>
                </div>

                <!--fade 修改弹入弹出-->
                <div class="modal fade"  id="XmyModal" aria-labelledby="XmyModallabel" aria-hidden="true" tabindex="-1">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title text-center" id="XmyModallabel">身份认证</h5>
                                <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
                            </div>
                            <form id="XformData" class="form-horizontal">
                                <div class="modal-body">
                                    <div class="form-group">
                                        <p>为了更好地提供服务，请输入密码证明您的身份！！</p>
                                        <div class="input-group">
                                            <span class="input-group-addon" id="sizing-addon2">银行卡密码：</span>
                                            <input type="text" class="form-control" placeholder="密码" aria-describedby="sizing-addon2">
                                        </div>
                                    </div>
                                </div>
                            </form>

                            <div class="modal-footer">
                                <button class="btn btn-default" type="button" data-dismiss="modal">取消</button>
                                <button class="btn btn-success" type="button" onclick=""><a href="/zreosave">提交</a></button>
                            </div>
                        </div>
                    </div>
                </div>

                <!--fade 删除弹入弹出-->
                <div class="modal fade"  id="myModal2" aria-labelledby="myModallabel2" aria-hidden="true" tabindex="-1">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title text-center" id="myModallabel2">删除产品</h5>
                                <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
                            </div>
                            <form id="formData2" class="form-horizontal">
                                <div class="modal-body">
                                    <p class="text-danger text-center">删除商品后将永久删除并无法恢复，确认删除？</p>

                                </div>
                                <div class="modal-footer">
                                    <button class="btn btn-default" type="button" data-dismiss="modal">取消</button>
                                    <button class="btn btn-danger" type="button" data-dismiss="modal" onclick="shan();">删除</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <!--fade 买入弹入弹出-->
                <div class="modal fade"  id="PmyModal" aria-labelledby="PmyModallabel" aria-hidden="true" tabindex="-1">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title text-center" id=":PmyModallabel">身份认证</h5>
                                <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
                            </div>
                            <form id="PformData" class="form-horizontal">
                                <div class="modal-body">
                                    <div class="form-group">
                                        <p>为了更好地提供服务，请输入密码证明您的身份！！</p>
                                        <div class="input-group">
                                            <span class="input-group-addon" id="sizing-addon3">银行卡密码：</span>
                                            <input type="text" class="form-control" placeholder="密码" aria-describedby="sizing-addon2">
                                        </div>
                                    </div>
                                </div>
                            </form>

                            <div class="modal-footer">
                                <button class="btn btn-default" type="button" data-dismiss="modal">取消</button>
                                <button class="btn btn-success" type="button" onclick=""><a href="/depositPM">提交</a></button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

<!--            产品being-->
            <div class="row">
                <div class="col-lg-12">
                    <div class="list-group-item d-flex py-3">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-currency-exchange" viewBox="0 0 16 16">
                            <path d="M0 5a5.002 5.002 0 0 0 4.027 4.905 6.46 6.46 0 0 1 .544-2.073C3.695 7.536 3.132 6.864 3 5.91h-.5v-.426h.466V5.05c0-.046 0-.093.004-.135H2.5v-.427h.511C3.236 3.24 4.213 2.5 5.681 2.5c.316 0 .59.031.819.085v.733a3.46 3.46 0 0 0-.815-.082c-.919 0-1.538.466-1.734 1.252h1.917v.427h-1.98c-.003.046-.003.097-.003.147v.422h1.983v.427H3.93c.118.602.468 1.03 1.005 1.229a6.5 6.5 0 0 1 4.97-3.113A5.002 5.002 0 0 0 0 5zm16 5.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zm-7.75 1.322c.069.835.746 1.485 1.964 1.562V14h.54v-.62c1.259-.086 1.996-.74 1.996-1.69 0-.865-.563-1.31-1.57-1.54l-.426-.1V8.374c.54.06.884.347.966.745h.948c-.07-.804-.779-1.433-1.914-1.502V7h-.54v.629c-1.076.103-1.808.732-1.808 1.622 0 .787.544 1.288 1.45 1.493l.358.085v1.78c-.554-.08-.92-.376-1.003-.787H8.25zm1.96-1.895c-.532-.12-.82-.364-.82-.732 0-.41.311-.719.824-.809v1.54h-.005zm.622 1.044c.645.145.943.38.943.796 0 .474-.37.8-1.02.86v-1.674l.077.018z"/>
                        </svg>
                        <div class="d-flex gap-2 w-100 justify-content-between">
                            <div>
                                <h3 class="mb-0">零存整取</h3>
                            </div>
                        </div>
                    </div>

                    <div class="list-group-item list-group-item-action d-flex py-3">
                        <div class="d-flex gap-2 w-100 justify-content-between">
                            <div class="ml-5">
                                <h5 class="mb-0 text-danger">学费定期 年利率：3.85</h5>

                                <!--bootstrap实现弹出模态框-->
                                <div class="btn-group" role="group" aria-label="...">
                                    <button class="btn btn-default bg-success mb-2" data-target="#XmyModal" data-toggle="modal">修改</button>
                                    <button class="btn btn-default bg-danger mb-2" data-target="#myModal2" data-toggle="modal">删除</button>
                                </div>

                                <p class="mb-0 opacity-75">从第一笔存入开始记，起存金额50元，期限3月-3年年期，多次存入。</p>
                            </div>
                            <button class="btn btn-default bg-white mb-2" data-target="#PmyModal" data-toggle="modal">买入</button>
                        </div>
                    </div>
                    <div class="list-group-item list-group-item-action d-flex py-3">
                        <div class="d-flex gap-2 w-100 justify-content-between">
                            <div  class="ml-5">
                                <h5 class="mb-0 text-danger">买房定期 年利率：3.75</h5>
                                <p class="mb-0 opacity-75">从第一笔存入开始记，起存金额50元，期限3月-3年期，多次存入，若以后在本银行买房贷款，可以相应的提高贷款额度。</p>

                                <!--bootstrap实现弹出模态框-->
                                <div class="btn-group" role="group" aria-label="...">
                                    <button class="btn btn-default bg-success mb-2" data-target="#XmyModal" data-toggle="modal">修改</button>
                                    <button class="btn btn-default bg-danger mb-2" data-target="#myModal2" data-toggle="modal">删除</button>
                                </div>
                            </div>
                            <button class="btn btn-default bg-white mb-2" data-target="#PmyModal" data-toggle="modal">买入</button>
                        </div>
                    </div>
                    <div class="list-group-item list-group-item-action d-flex py-3">
                        <div class="d-flex gap-2 w-100 justify-content-between">
                            <div  class="ml-5">
                                <h5 class="mb-0 text-danger">定期 年利率：3.05</h5>
                                <p class="mb-0 ">从第一笔存入开始记，起存金额50元，期限3月-3年期，多次存入。</p>

                                <!--bootstrap实现弹出模态框-->
                                <div class="btn-group" role="group" aria-label="...">
                                    <button class="btn btn-default bg-success mb-2" data-target="#XmyModal" data-toggle="modal">修改</button>
                                    <button class="btn btn-default bg-danger mb-2" data-target="#myModal2" data-toggle="modal">删除</button>
                                </div>
                            </div>
                            <button class="btn btn-default bg-white mb-2" data-target="#PmyModal" data-toggle="modal">买入</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row mt-2">
                <div class="col-lg-12">
                    <div class="list-group-item d-flex gap-3 py-3" aria-current="true">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-currency-exchange" viewBox="0 0 16 16">
                            <path d="M0 5a5.002 5.002 0 0 0 4.027 4.905 6.46 6.46 0 0 1 .544-2.073C3.695 7.536 3.132 6.864 3 5.91h-.5v-.426h.466V5.05c0-.046 0-.093.004-.135H2.5v-.427h.511C3.236 3.24 4.213 2.5 5.681 2.5c.316 0 .59.031.819.085v.733a3.46 3.46 0 0 0-.815-.082c-.919 0-1.538.466-1.734 1.252h1.917v.427h-1.98c-.003.046-.003.097-.003.147v.422h1.983v.427H3.93c.118.602.468 1.03 1.005 1.229a6.5 6.5 0 0 1 4.97-3.113A5.002 5.002 0 0 0 0 5zm16 5.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zm-7.75 1.322c.069.835.746 1.485 1.964 1.562V14h.54v-.62c1.259-.086 1.996-.74 1.996-1.69 0-.865-.563-1.31-1.57-1.54l-.426-.1V8.374c.54.06.884.347.966.745h.948c-.07-.804-.779-1.433-1.914-1.502V7h-.54v.629c-1.076.103-1.808.732-1.808 1.622 0 .787.544 1.288 1.45 1.493l.358.085v1.78c-.554-.08-.92-.376-1.003-.787H8.25zm1.96-1.895c-.532-.12-.82-.364-.82-.732 0-.41.311-.719.824-.809v1.54h-.005zm.622 1.044c.645.145.943.38.943.796 0 .474-.37.8-1.02.86v-1.674l.077.018z"/>
                        </svg>
                        <div class="d-flex gap-2 w-100 justify-content-between">
                            <div>
                                <h3 class="mb-0">定活两便</h3>
                            </div>
                        </div>
                    </div>

                    <div class="list-group-item list-group-item-action d-flex py-3">
                        <div class="d-flex gap-2 w-100 justify-content-between">
                            <div class="ml-5">
                                <h5 class="mb-0 text-danger">年利率：1.65</h5>
                                <p class="mb-0 opacity-75">从第一笔存入开始记，起存金额5元，多次存入，年利率为1.65%。可以随存随取。</p>

                                <!--bootstrap实现弹出模态框-->
                                <div class="btn-group" role="group" aria-label="...">
                                    <button class="btn btn-default bg-success mb-2" data-target="#XmyModal" data-toggle="modal">修改</button>
                                    <button class="btn btn-default bg-danger mb-2" data-target="#myModal2" data-toggle="modal">删除</button>
                                </div>
                            </div>
                            <button class="btn btn-default bg-white mb-2" data-target="#PmyModal" data-toggle="modal">买入</button>
                        </div>
                    </div>
                </div>
            </div>


            <div class="row mt-2">
                <div class="col-lg-12">
                    <div class="list-group-item d-flex gap-3 py-3" aria-current="true">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-currency-exchange" viewBox="0 0 16 16">
                            <path d="M0 5a5.002 5.002 0 0 0 4.027 4.905 6.46 6.46 0 0 1 .544-2.073C3.695 7.536 3.132 6.864 3 5.91h-.5v-.426h.466V5.05c0-.046 0-.093.004-.135H2.5v-.427h.511C3.236 3.24 4.213 2.5 5.681 2.5c.316 0 .59.031.819.085v.733a3.46 3.46 0 0 0-.815-.082c-.919 0-1.538.466-1.734 1.252h1.917v.427h-1.98c-.003.046-.003.097-.003.147v.422h1.983v.427H3.93c.118.602.468 1.03 1.005 1.229a6.5 6.5 0 0 1 4.97-3.113A5.002 5.002 0 0 0 0 5zm16 5.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zm-7.75 1.322c.069.835.746 1.485 1.964 1.562V14h.54v-.62c1.259-.086 1.996-.74 1.996-1.69 0-.865-.563-1.31-1.57-1.54l-.426-.1V8.374c.54.06.884.347.966.745h.948c-.07-.804-.779-1.433-1.914-1.502V7h-.54v.629c-1.076.103-1.808.732-1.808 1.622 0 .787.544 1.288 1.45 1.493l.358.085v1.78c-.554-.08-.92-.376-1.003-.787H8.25zm1.96-1.895c-.532-.12-.82-.364-.82-.732 0-.41.311-.719.824-.809v1.54h-.005zm.622 1.044c.645.145.943.38.943.796 0 .474-.37.8-1.02.86v-1.674l.077.018z"/>
                        </svg>                                <div class="d-flex gap-2 w-100 justify-content-between">
                        <div>
                            <h3 class="mb-0">大额定存</h3>
                        </div>
                    </div>
                    </div>

                    <div class="list-group-item list-group-item-action d-flex py-3">
                        <div class="d-flex gap-2 w-100 justify-content-between">
                            <div class="ml-5">
                                <h5 class="mb-0 text-danger">年利率：3.85</h5>
                                <p class="mb-0 opacity-75">起存金额200000元，期限1个月至2年期，一次性存入。</p>

                                <!--bootstrap实现弹出模态框-->
                                <div class="btn-group" role="group" aria-label="...">
                                    <button class="btn btn-default bg-success mb-2" data-target="#XmyModal" data-toggle="modal">修改</button>
                                    <button class="btn btn-default bg-danger mb-2" data-target="#myModal2" data-toggle="modal">删除</button>
                                </div>
                            </div>
                            <button class="btn btn-default bg-white mb-2" data-target="#PmyModal" data-toggle="modal">买入</button>
                        </div>
                    </div>
                </div>
            </div>


        </div>
        <!-- end::container -->

    </div>
    <!-- end::main-content -->

    <!-- begin::footer -->
    <footer th:replace="commons/layout::main_footer">

    </footer>
    <!-- end::footer -->

</div>
<!-- end::main -->

<div th:replace="commons/layout::end">

</div>

</body>
</html>


